// 使用 layui 提供的模块
layui.use(function(){
    // 获取具体的 layui 模块实例对象 - 便于调用其方法，实现相关的操作
    // 1.获取 table 模块实例对象
    let table = layui.table;

    // 2.动态渲染表格数据
    table.render({
        // 2.1) 绑定表格节点
        elem: '#productTbl',

        // 2.2)访问服务器程序，获取数据
        url:'list_all.do',

        // 2.3)定义表格各列，以及数据的绑定
        cols: [[
            {field: 'productId', width: 105, title: '商品编号', sort: true},
            {field: 'productName', width: 300, title: '商品名称'},
            {field: 'productCount', width: 105, title: '商品库存', sort: true},
            {field: 'productPrice', width: 105, title: '商品价格', sort: true},
            {field: 'productImage', width: 200, title: '商品图片'},
            {field: 'productDate', width: 200, title: '上架时间', sort: true},
            {field: 'productSale', width: 105, title: '商品销量', sort: true}
        ]],
        // 2.4)把后台数据转换为 layui 中 table 组件所要求的数据格式，
        // 如果参数名称一致，则可以省略
        /*parseData: function(res){
            return {
                 "code": res.code==200 ? 0 : res.code,
                "data": res.data
            };
        }*/
    });
});